@charset "gb2312";
/* CSS Document */

.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:1px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}

.prohead{ overflow:hidden}
.prohead .hleft{ width:312px; float:left}
.prohead .hleft .proimg{ width:310px; height:400px;}
.prohead .hleft .proimg img{width:310px; height:400px; }
.prohead .hleft .smallimg{ width:312px; height:60px; overflow:hidden}
.prohead .hleft .smallimg dl{ width:312px; height:60px;}
.prohead .hleft .smallimg dl dt{ width:10px; height:45px; margin-top:8px;}
.prohead .hleft .smallimg dl dt.prev{ float:left;}
.prohead .hleft .smallimg dl dt.next{ float:right;}
.prohead .hleft .smallimg dd{ width:360px; height:60px; float:left; margin-left:12px; overflow:hidden}
.prohead .hleft .smallimg dd li{ width:72px; float:left; height:60px; text-align:center}
.prohead .hleft .smallimg dd li img{ width:58px; height:58px; border:1px solid #ccc; }
.prohead .hleft .smallimg dd li a:hover img,.prohead .hleft .smallimg dd li a.hover img{ border-color:#dd127b}
.prohead .hleft .btns{margin-top:20px;}
.prohead .hleft .btns span{ display:none}
.prohead .hleft .btns a{ display:block; height:22px; line-height:22px; text-indent:20px; font-size:12px; background:url(../images/btn-s-bg.png) no-repeat; float:left; margin-right:16px; width:80px;}
.prohead .hleft .btns a.b1{ background-position: left -150px}
.prohead .hleft .btns a.b2{ background-position: left -30px; width:93px;}
.prohead .hleft .btns a.b3{ background-position: left -120px;}
.prohead .hleft .btns a.b4{ background-position: left -60px;}

.prohead .hright{ float:right; width:480px;font-family:microsoft yahei;}
.prohead .hright h1{ font-size:18px; }
.prohead .hright h2{ font-size:15px; color:#ff7300;}

.prohead .hright .proinfo{ border-bottom:1px solid #ddd; padding-bottom:12px;}
.prohead .hright .btns{ padding:10px 0px;}
.prohead .hright .btns img{ margin-right:20px;}

.prohead .hright .tips{ border:#F66 1px solid; background-color:#FCF; font-size:12px; padding:0px 12px; color:#F00; display:none}
.prohead .hright .tel{ border-bottom:1px solid #ddd; margin-top:11px;}
.prohead .hright .tel span{ color:#F60; font-size:18px; font-weight:bold; margin-left:12px; line-height:36px;}

.procontent{ margin-top:20px;}
.procontent .tit{ height:40px; line-height:40px; border-bottom:2px solid #138611;}
.procontent .tit dt{ float:left; height:40px; line-height:40px; color:#fff; background-color:#138611; text-align:center; width:160px; font-weight:bold; font-size:14px;}
.procontent .detail{ margin-top:20px;}


.formbox{ padding-top:12px;}
.formbox dl{border:1px solid #d5d5d5; border-radius:4px; overflow:hidden;_float:left ; }
.formbox dl dt{ background:url(../images/tit1.gif) repeat-x; height:32px; padding-left:12px; line-height:32px; font-weight:bold;}
.formbox dl dd{ padding:20px 0px; line-height:26px;}
.formbox dl dd input{ border:1px solid #ccc; height:30px; border-radius:4px; padding:0px 12px;}
.formbox dl dd textarea{border:1px solid #ccc; height:100px; border-radius:4px;}
.formbox dl dd input.submit{ background-color:#F60; color:#FFF; border-color:#9c0c56; text-shadow:1px 1px 0px #9c0c56;}
.formbox dl dd .rate{ background:url(../images/stars_3_small.gif) no-repeat; width:80px; height:12px; overflow:hidden;}
.formbox dl dd .rate label{ width:14px; height:12px; float:left; display:block; cursor:pointer; padding:0px; margin:0px; line-height:12px; margin-right:1px;}
.formbox dl dd .ratesbox{ width:0px; height:0px; overflow:hidden; float:left}

.formbox dl dd .rate.rate1{ background:url(../images/stars_1_small.gif) no-repeat;  }
.formbox dl dd .rate.rate2{ background:url(../images/stars_2_small.gif) no-repeat;  }
.formbox dl dd .rate.rate3{ background:url(../images/stars_3_small.gif) no-repeat;  }
.formbox dl dd .rate.rate4{ background:url(../images/stars_4_small.gif) no-repeat;  }
.formbox dl dd .rate.rate5{ background:url(../images/stars_5_small.gif) no-repeat;  }

.formbox .btnews{ padding:0px 20px; overflow:hidden}
.formbox .btnews li{ width:300px; float:left; list-style:square inside; margin-left:20px; margin-right:10px;}
.formbox .reviewbox{ padding:0px 30px;}
.formbox .reviewbox li{ padding-bottom:12px;}
.formbox .reviewbox li .name{ font-weight:bold;}
.formbox .reviewbox li .name span{ color:#F90; margin:0px 12px;}
.formbox .reviewbox li .reply{ background:#f4f4f4; padding:0px 12px;}
.formbox .reviewbox li .reply span{ color:#999}
.formbox .btnews li a:hover{ color:#F60;}

.InputBorder{ margin-top:5px;}



.jj span{ color:#F60; font-size:14px; font-weight:bold;}


.cateslist1{ margin-top:12px; overflow:hidden}
.cateslist1 .tit{ height:40px; line-height:40px; border-bottom:2px solid #138611;}
.cateslist1 .tit dt{ float:left; height:40px; line-height:40px; color:#fff; background-color:#138611; text-align:center; width:160px; font-weight:bold; font-size:14px;}
.cateslist1 dl{ overflow:hidden;_float:left }



.cateslist1 dl dd{ float:left; margin:12px 8px; width:185px; display:inline; }

.cateslist1 dl dd .img{ width:185px; height:235px;}

.cateslist1 dl dd .img img{ width:185px; height:235px; border:1px solid #d5d5d5;}

.cateslist1 dl dd .img a:hover img{ border:#000 1px solid}

.cateslist1 dl dd .txt{ height:30px; line-height:30px; text-align:center;}